/**
 * @param 图片懒加载
 * @returns 
 */
function lazyload() {

    console.log('lazyload函数被触发');
    //1  每次获取最新的 可见视口 +滚动的高度
    var temp1 = window.innerHeight || document.documentElement.clientHeight   //兼容ie
    var temp2 = document.body.scrollTop || document.documentElement.scrollTop  // 兼容doctype
    var maxShowHeight = temp1 + temp2
    //2 获取所有图片
    var imgs = document.querySelectorAll('img')
    //3 遍历
    imgs.forEach(function (item, index) {
        //4 判断   图片的offsetTop< 可见视口 +滚动的高度
        //不成立  不管
        // 成立 修改图片src地址 改成真的
        if (item.offsetTop < maxShowHeight) {

            item.src = item.getAttribute('src-real')
        }


    })

}

//首次  改图片真实地址
lazyload()

//后续  后期滚动也要改图片真实地址
// window.onscroll = lazyload  //函数本身
let t = null
window.onscroll = function() {
    clearTimeout(t)
    t=setTimeout(() => {
        lazyload()
    }, 1000)
}  